<!DOCTYPE html>
<html>
<html lang="zh">
<meta charset="UTF-8">
<title></title>
<style>
    html,
    body {
        height: 100%;
    }

    body {
        background-color: #DE8910;
    }

    .rocket {
        position: absolute;
        left: 100px;
        top: 600px;
        height: 120px;
        transform: translate(0px, 0px) rotate(45deg);
        transition: all 1s ease-in;
    }

    body:hover .rocket {
        transform: translate(500px, -500px) rotate(80deg);
    }
</style>
</head>

<body>
    <img class="rocket" src="https://img.haruka.net.cn/image/2024/10/24/hecbmg.png" alt="" />
</body>

</html>